<template>
    <div>
      <CodeCard v-bind="btnDesc">
        <sdn-empty description="描述文字"></sdn-empty>
        <template #tip>
        </template>
      </CodeCard>
    </div>
  </template>

  <script>
  
  export default {
    components: {
      
    },
    setup() {
      const btnDesc = {
        title: "Empty 空状态",
        describe: "空状态时的占位提示。",
        codeBlock: `<sdn-empty description="描述文字"></sdn-empty>`,
        attrs: [
          {
            name: "image",
            explain: "图片地址",
            type: "string",
            OptionValues: "—",
            default: "	—",
          },
          {
            name: "image-size",
            explain: "图片大小（宽度）",
            type: "	number",
            OptionValues: "	—",
            default: "	—",
          },
          {
            name: "description",
            explain: "	文本描述",
            type: "	string",
            OptionValues: "	—",
            default: "	—",
          }
        ],
        slots: [
          {
            name: "default",
            describe: "自定义底部内容"
          },
          {
            name: "image",
            describe: "自定义图片"
          },
          {
            name: "description",
            describe: "自定义描述文字"
          }
        ],
      };
      return {
        btnDesc,
      };
    },
  };
  </script>

  <style>
  </style>
